
<template>
<section class="todoapp">


    <TodoHeader2 />
    <TodoMain2 />
    <TodoFooter2 />
</section>


</template>

<script>
import "./styles/base.css"
import "./styles/index.css"


import TodoHeader2 from "./components/TodoHeader2.vue"
import TodoMain2 from "./components/TodoMain2.vue"
import TodoFooter2 from "./components/TodoFooter2.vue"
export default {
  components:{TodoHeader2,TodoMain2,TodoFooter2},
  data() {
    return {
      list: [
        { id: 100, name: "吃饭", isDone: true },
        { id: 201, name: "睡觉", isDone: false },
        { id: 103, name: "打豆豆", isDone: true },
      ],
    };
  },
  methods:{
    // addTodo(todoObj){
    // this.list.push(todoObj)
    // }
    //添加
  
    //删除
   

}
}
</script>